@charset "UTF-8";
// @import "~@/assets/css/modules/_variable.scss";

/*常用颜色*/
$primary: #28a3ef;
$success: #5eb95e;
$danger: #ff4a5d;
$warning: #faac30;
$gray: #b3c0c6;

/*背景颜色*/
$bodyBg: #f8f8f8;

/*默认字体*/
$fontDefaultColor: #4d5557;
$fontDefaultSize: 14px;
$fontDefaultFamily: Helvetica, PingFang SC, \5fae\8f6f\96c5\9ed1, Tahoma, Arial,
  sans-serif, 'Microsoft YaHei';

// 主体栏宽度
$main-width: 1200px;

/*字体颜色*/
$link-default-color: #606ddd;

/*边框颜色*/
$borderColor: #d3d3d3;

/**
 * 间距
 * marginPadding.scss
 */
$distance-xs: 5px;
$distance-sm: 10px;
$distance-lg: 15px;
$distance-default: 20px;
$distance-xl: 30px;

/**
 * 滚动条
 * reset.scss
 */

// 轨道 背景色
$scrollbar-corner-bgColor: #e2e2e2;

// 滑块
$scrollbar-thumb-color: rgba(0, 0, 0, 0.3);
$scrollbar-thumb-color-hover: rgba(0, 0, 0, 0.35);
$scrollbar-thumb-color-active: rgba(0, 0, 0, 0.38);

// Clearfix
@mixin clearfix() {
  &:before,
  &:after {
    content: ' '; // 1
    display: table; // 2
  }
  &:after {
    clear: both;
  }
}
